@charset "utf-8";

@import "reset";
@import "iconfont";
@import "common";
@import "login";
@import "magnifying";
@import "personal center";

.content{
    position: absolute;
    top:r(90px);
    bottom: r(95px);
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #f5f5f5;
    -webkit-overflow-scrolling: touch;
    .carousel{
        .lunbo_wrap{
            position: relative;
            overflow: hidden;
            width: 100%;
//          height: r(340px)!important;
            .pic_box{
                height: 100%;
                width: 100%;
                list-style: none;
                white-space: nowrap;
                font-size: 0;
                >li{
                   display: inline-block;
                   position: relative;
                   height: 100%;
                    >img{
                        width: 100%;
                        height: 100%;
                        display: block;
                    }
                    .lunbo_text{
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: 100%;
                        background: rgba(0,0,0,0.3);
                        height: r(104px);
                        >h1{
                            font-size: r(24px);
                            color: #FFFFFF;
                            width: 95%;
                            margin: 0 auto;
                            overflow: hidden;
                            line-height: r(60px);
                            text-overflow: ellipsis;
                            -webkit-line-clamp: 1;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                        }
                        >dl{
                            width: 95%;
                            margin: 0 auto;
                            dt{
                                &:first-of-type{
                                    >a{
                                       text-decoration: none; 
                                       font-size:12px;
                                       color: white;
                                       margin-right: 5px;
                                    }
                                }
                                &:nth-of-type(2){
                                    >p{
                                        font-size: 10px;
                                        color: white;
                                    }
                                    
                                }
                            }
                        }
                    }
                }
            }
//          .pannel{
//              position: absolute;
//              left: 0;
//              width: 100%;
//              bottom: 1%;
//              text-align: center;
//              >li{
//                  display: inline-block;
//                  width: 9px;
//                  height: 9px;
//                  border-radius: 50%;
//                  background: rgb(183,183,183);
//                  margin-right: 4px;
//              }
//          }
            
        }
    }
    .hotdian{
        padding: r(30px);
        background: #FFFFFF;
        
        >ul{
            list-style: none;
            margin-bottom: r(24px);
            >li{
                display: inline-block;
                &:first-of-type{
                    width: 60%;
                    >h1{
                        font-size: r(24px);
                    }
                    >p{ 
                        font-size: r(14px);
                        color: #c5c5c5;
                        margin-top: 5px;
                        display: flex;
                        justify-content: space-between;
                        >a{
                            text-decoration: none;
                            font-size: 14px;
                            color: #c5c5c5;
                        }
                        >span{
                            display: inline-block;
                            font-size: 14px;
                        }
                    }
                }
                &:nth-of-type(2){
                    height: r(118px);
                    overflow: hidden;
                    >img{
                        height: 100%;
                    }
                }
            }
            &:nth-of-type(2){
                border-top:0.5px solid #e2e2e2;
                padding-top: 16px;
            }
        }
        
        
    }
    .main{
        padding: r(30px);
        background: #FFFFFF;
        margin-top: r(24px);
        .neirong{
            >dl{
                margin-bottom: r(4px);
                >dt{
                    >h1{
                        font-size: r(24px);
                        font-weight: bolder;
                        padding-top: 5px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        margin-bottom: 10px;
                        white-space: nowrap;
                    }
                }
                >dd{
                    &:first-of-type{
                        display: flex;
                        justify-content: space-between;
                        overflow: hidden;
                       
                        >img{
                            width: 32%;
                            height: 100%;
                        }
                    }
                    &:nth-of-type(2){
                        
                        margin-top: r(12px);
                        text-align: center;
                        .youbian{
//                          vertical-align: middle;
//                          line-height: r(43px);
//                          display: inline-block; 
                            margin-top: 5px;
                            line-height: 30px;
                            font-size: 14px;
                           .fixHeight{
                               display: inline-block; 
                               text-align: center;
                               border-radius: 50%;
                               height: r(46px);
                               width: r(46px);
                               line-height: r(46px);
                               background: violet;
                               vertical-align: middle;
                               overflow: hidden;
                               >img{
                                   height: 100%;
                               }
                           }
                           >span{
                               font-size:14px;
                               color: #c5c5c5;
                               display: inline-block;
                           }
                           >a{
                                text-decoration: none;
                                font-size: 14px;
                                display: inline-block;
                                height: 20px;
                                line-height: 20px;
                                margin-right: 5px;
                                color: #c5c5c5;
                           }
                        }
                        .zuobian{
                            font-size:14px;
                            margin: 10px 0;
                            color: #C5C5C5;
                        }
                    }
                }
            }
            ul{
                list-style: none;
                height: r(118px);
                margin-bottom: 16px;
                >li{
                    display: inline-block;
                    &:first-of-type{
                        width: 60%;
                        >h1{
                            font-size:r(24px);
                        }
                        >p{ 
                            font-size: 14px;
                            color: #c5c5c5;
                            margin-top: 5px;
                            display: flex;
                            justify-content: space-between;
                            >a{
                                text-decoration: none;
                                font-size: 14px;
                                color: #c5c5c5;
                            }
                            >span{
                                display: inline-block;
                                font-size: 14px;
                            }
                        }
                    }
                    &:nth-of-type(2){
                        height: r(118px);
                        overflow: hidden;
                        
                        >img{
                            height: 100%;
                        }
                    }
                }
                &:nth-of-type(2){
                    border-top:0.5px solid #e2e2e2;
                    padding-top: 16px;
                    
                    
                }
            }
        }
        .notwo{
            padding-top: 10px;
             padding-bottom: 16px;
            border-bottom:0.5px solid #e2e2e2;
        }
        .thelast{
            width: 100%;
            text-align: center;
            padding-top: 10px;
            padding-bottom: r(60px);
            >a{
                color: #bbbbbb;
                font-size: 14px;
            }
        }
    }
    .bgchange{
           background: #f3f1f1; 
        }
}
